<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    {css href="/static/mobile/css/style.css"}
    {css href="/static/mobile/iconfont/iconfont.css" }
    {css href="/static/index/css/toastr.min.css"}
    {js href="/static/mobile/js/jquery.min.js"}
    {js href="/static/mobile/js/bootstrap.min.js"}
    {js href="/static/mobile/css/bootstrap.min.css"}
    {js href="/static/mobile/css/bootstrap-theme.min.css"}
    {js href="/static/index/js/toastr.min.js"}
    <link rel="stylesheet" href="/static/mobile/css/amazeui.min.css">
    <link rel="stylesheet" href="/static/mobile/css/wap.css">

    <title>小说网</title>
</head>
<body style="background:#ececec">
<div class="pet_mian" >
    <div class="pet_head">
        <header data-am-widget="header"
                class="am-header am-header-default pet_head_block">
            <div class="am-header-left am-header-nav ">
                <a href="javascript:history.back(-1);" class="iconfont pet_head_jt_ico">&#xe601;</a>
            </div>

            <div class="am-header-right am-header-nav">
                <a href="javascript:;" class="iconfont pet_head_gd_ico">&#xe600;</a>
            </div>
        </header>
    </div>

    <div class="pet_more_list">
        <div class="pet_more_list_block">
            <div class="iconfont pet_more_close">×</div>
            <div class="pet_more_list_block">
                <div class="pet_more_list_block_name">
                    <div class="pet_more_list_block_name_title">阅读 Read</div>

                    <a class="pet_more_list_block_line" href="{:url('mobile/login/index')}">
                        <i class="iconfont pet_nav_mengzhuanti pet_more_list_block_line_ico">&#xe622;</i>
                        <div class="pet_more_list_block_line_font" id="login">登陆</div>
                    </a>
                    <a class="pet_more_list_block_line" href="{:url('mobile/login/zhuxiao')}">
                        <i class="iconfont pet_nav_mengzhuanti pet_more_list_block_line_ico">&#xe622;</i>
                        <div class="pet_more_list_block_line_font" id="zhuxiao">注销</div>
                    </a>
                    <a class="pet_more_list_block_line" href="{:url('mobile/index/index')}">
                        <i class="iconfont pet_nav_wd pet_more_list_block_line_ico">&#xe602;</i>
                        <div class="pet_more_list_block_line_font">txt列表</div>
                    </a>
                    <a class="pet_more_list_block_line" href="{:url('mobile/person/showshu')}">
                        <i class="iconfont pet_nav_bk pet_more_list_block_line_ico">&#xe629;</i>
                        <div class="pet_more_list_block_line_font">书架</div>
                    </a>

                </div>
            </div>

        </div>
    </div>
{block name="header"}
    <div class="pet_content pet_content_list">
        <div class="pet_article_like">
            <div class="pet_content_main pet_article_like_delete">
                <div data-am-widget="list_news" class="am-list-news am-list-news-default am-no-layout">
                    <div class="am-list-news-bd">
                        <ul class="am-list">
                            <!--缩略图在标题右边-->

                            {volist name="data" id="vo"}
                            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_list_one_block">
                                <div class="pet_list_one_info">
                                    <div class="pet_list_one_info_r">
                                        <div class="pet_list_tag pet_list_tag_xxs">{$vo.cname}</div>
                                    </div>
                                    <div class="pet_list_one_info_l">
                                        <div class="pet_list_one_info_ico"><img src="static/mobile/images/a1.png" alt="" ></div>
                                        <div class="pet_list_one_info_name">{$vo.zuozhe} </div>
                                    </div>

                                </div>
                                <div class="am-u-sm-4 am-list-thumb">
                                    <a href="{:url('mobile/index/mulu',['id'=>$vo.id])}" class="">
                                        <img src="/uploads/{$vo.photo}" class="pet_list_one_img" alt="" style="width: 60px; height: 80px;">
                                    </a>
                                </div>
                                <div class=" am-u-sm-8 am-list-main pet_list_one_nr">
                                    <h3 class="am-list-item-hd pet_list_one_bt"><a href="{:url('mobile/index/mulu',['id'=>$vo.id])}" class="">{$vo.name}</a></h3>
                                    <div class="am-list-item-text pet_list_one_text" style="top: 35px">{$vo.desc}</div>

                                </div>

                            </li>
                            {/volist}





                        </ul>
                    </div>

                </div>

            </div>

        </div>

        <div class="pet_article_footer_info">Copyright(c)2015 PetShow All Rights Reserved</div>
    </div>
    {/block}
</div>
<script src="/static/mobile/js/jquery.min.js"></script>
<script src="/static/mobile/js/amazeui.min.js"></script>
<script>
    $(function(){

        // 动态计算新闻列表文字样式
        auto_resize();
        $(window).resize(function() {
            auto_resize();
        });
        $('.am-list-thumb img').load(function(){
            auto_resize();
        });
        $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
            $('.pet_list_one_nr').height($('.pet_list_one_img').height());
            // alert($('.pet_list_one_nr').height());
        }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
        });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
    });

</script>
<script>
    $("#login").click(function () {

    })

</script>

</body>
</html>